<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>登录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<header>
			<i class="banner"><img src="img/header.jpg" /></i>
		</header>
		<form>
			<div class="container-fluid hy">
				<dl class="login-layout clearfix">
					<dt>
   						<i class="glyphicon glyphicon-user"></i>
    					<input type="text" value="" placeholder="用户名"/>
    				</dt>
					<dt>
       					<i class="glyphicon glyphicon-lock"></i>
        				<input type="password" value="" placeholder="密码" />
    				</dt>
				</dl>
				<dl class="remember">
					<input type="checkbox"/>记住我
				</dl>
				<dl class="wrong">
					请输入正确的<span>用户名</span>
				</dl>
				<dl class="login-layout clearfix">
					<a class="btn-login" href="hello.html">登录</a>
				</dl>
				
			</div>
		</form>

		<footer>
			<center>
				<img src="img/footer.jpg" class="img-responsive" />
			</center>
		</footer>

	</body>
</html>